/**
 * 首页模态框控制
 */
$(function() {

	var $wrapper = $('#wrapper');
	var $close = $('#close');

	// 关闭模态框
	$close.click(function() {
		$wrapper.hide();
		$.cookie('flag', 'true', {
			expires: 15
		});
	})

	// 根据cookie显示模态框
	if(!$.cookie('flag')) {
		$wrapper.show();
	}

	// 点击切换城市，出现模块界面
	$('#selectCity').click(function() {
		$wrapper.show();
	})

	// 点击单个城市，页面切换到单个城市.
	$('#citys li a').click(function() {
		var province = $(this).html();
		$('#selectedCity').html(province);
		$.cookie('province', province, {
			expires: 15
		});
		$wrapper.hide();
		$.cookie('flag', 'true', {
			expires: 15
		});
		//模态框当前全国站随机切换;
		$(this).html($('.nation').html());
		$('.nation').html(province);

	});

	// 根据cookie里的province显示当前城市
	var province = $.cookie('province') || '全国站';
	$('#selectedCity').html(province);

	setPlay()
	setSidebarClick();
	setPositionClick();
})

//图片切换
function setPlay() {
	var j = 0;
	var mark;
	var $indexBanner = $('#index-banner');
	var $containRightImage = $('.contain-right-image');
	var indexBanner1 = ['0px', '-160px', '-320px'];
	var containRightImage1 = ['0px', '55px', '110px'];
	var $bannerThumbnail = $('.index-contain-right span');
	intervalFc();
	//	for(j = 0; j < 3; j++) {
	//		$containRightImage[j].index = j;
	$containRightImage.hover(function() {
		clearInterval(mark);
		var index = $(this).index() - 1;
		$indexBanner.css('marginTop', indexBanner1[index]);
		$bannerThumbnail.css('top', containRightImage1[index]);
		j = index;
		intervalFc();
	});
	//	}

	function intervalFc() {
		mark = setInterval(function() {
			j++;
			if(j == 3) {
				j = 0;
			}

			$indexBanner.css('marginTop', indexBanner1[j]);
			$bannerThumbnail.css('top', containRightImage1[j]);
		}, 3000);
	}
}

//sidebar的点击事件
function setSidebarClick() {
	$item = $('.sidebar .sidebar-item');
	$item.hover(function() {
		$(this).find('.item-list').toggle();
	});
}
//热门职位和最新职位的点击后展示内容事件
function setPositionClick() {
	var $item = $('.index-bar li');
	var $content = $('.position-wrapper');
	$item.click(function() {
		$item.removeClass('active');
		$(this).addClass('active');
		$content.removeClass('active');
		if($(this).hasClass('hot-position')) {
			$('#hot-position-wrapper').addClass('active');
		} else if($(this).hasClass('new-position')) {
			$('#new-position-wrapper').addClass('active');
		}
	});
}